<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
    <head>
        <style>
            span{cursor: pointer;}
            .errors li,.error{
                list-style: none;
                color:#ff0000;
            }
            a{color: black;}
            body{
                background-image: url('/zend_practica/application/img/fondo1.gif');
            }
            #welcome{

                margin-left:100px;
            }
            h1{
                margin-left:100px;
            }
            #right{
                display: block;
                float:right;
                margin:5px;
                margin-top: -10px;
                z-index:99;
            }
            #content{
                margin:auto; 
                position:relative;
                width: 900px;
                background-position: center bottom;
                background-color:#CCC;
                background-repeat: repeat-x;
                overflow: hidden;
                min-height: 400px;
                margin-top:50px;
                border: 1px solid #CCCCCC;
                border-top:none;
            }

            #welcome,dl,form{overflow: auto;}
            form{padding: 30px;padding-bottom: 0px;padding-left: 0px;}
            dt{width: 75px;float: left; clear:left;margin-top: 4px;}
            dd{float: left;}
            dl{display: table;}
            #submit-element{margin-top: 30px;float: left;}
            #form_tasca-tasca-label{
                width: 0;
            }
            #form_tasca-tasca-element{
                margin-left: 0;
            }
            .resultat{
                height:25px;
                padding:5px;
                line-height:25px;
                border-bottom: 1px solid #CCC;
                border-right: 1px solid #CCC;
                border-left: 1px solid #CCC;
            }
            .resultat:hover{
                background-color: #F2F2F2;
            }
            .resultat img{
                display:block;
                float:left;
                height: 25px;
                width: 25px;                   
                margin-right: 6px;
            }
            #formulari_estadistiques{overflow:hidden;}
            #resultatEmps{
                border-top:none;
                cursor:pointer;
                background-color:white;
                width:217px;
                margin-top:-50px;
                position:fixed;
                margin-left:26px;
            }
        </style>
        <?php echo $this->headMeta() . "\n"; ?>
        <?php echo $this->headTitle() . "\n"; ?>				
        <script type="text/javascript" src="/Practica/js/ajax.js"></script>
        <link href="/Practica/public/bootstrap.min.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <?php
        $request = Zend_Controller_Front::getInstance()->getRequest();
        if ($request->getParam('model'))
            $model = $request->getParam('model');
        if ($request->getControllerName() == 'index') {
            if ($request->getActionName() == 'index')
                $model = 'home';
        }
        else if ($request->getControllerName() == 'departament')
            $c = 'dept';
        else if ($request->getControllerName() == 'empleat')
            $c = 'emp';

        if ($request->getActionName() == 'ajax')
            $model = 'ajax';
        ?>
        
        <div id="content">
            <div class="header">   
                <ul class="nav nav-tabs">
                    <li <?php if ($model == 'home') echo "class='active'"; ?>>
                        <a href="<?php echo $this->url(array('controller' => 'index', 'action' => 'index')); ?>">Home</a>
                    </li>
                    <li <?php if ($model == 'natives') echo "class='active'"; ?>>
                        <a href="<?php echo $this->url(array('controller' => 'index', 'action' => 'natives')); ?>">Natives</a> 
                    </li>
                    <li <?php if ($model == 'odbc') echo "class='active'"; ?>>
                        <a href="<?php echo $this->url(array('controller' => 'index', 'action' => 'odbc')); ?>">Odbc</a>
                    </li>
                    <li <?php if ($model == 'adodb') echo "class='active'"; ?>>
                        <a href="<?php echo $this->url(array('controller' => 'index', 'action' => 'adodb')); ?>">Adodb</a>
                    </li>
                    <li <?php if ($model == 'pdo') echo "class='active'"; ?>>
                        <a href="<?php echo $this->url(array('controller' => 'index', 'action' => 'pdo')); ?>">PDO</a>
                    </li>
                    <li <?php if ($model == 'mysqli') echo "class='active'"; ?>>
                        <a href="<?php echo $this->url(array('controller' => 'index', 'action' => 'mysqli')); ?>">Mysqli</a>
                    </li>
                    <li  <?php if ($model == 'ajax') echo "class='active'"; ?>>
                        <a href="<?php echo $this->url(array('controller' => 'index', 'action' => 'ajax')); ?>">Ajax</a>
                    </li>
                </ul>        
                <ul class="nav nav-tabs" style="margin-top:-18px;">
                    <li <?php if ($c == 'dept') echo "class='active'"; ?>>
                        <a href="<?php echo $this->url(array('controller' => 'departament', 'action' => 'index')); ?>">Departaments</a>
                    </li>
                    <li <?php if ($c == 'emp') echo "class='active'"; ?>>
                        <a href="<?php echo $this->url(array('controller' => 'empleat', 'action' => 'index')); ?>">Empleats</a>
                    </li>
                </ul>
            </div>
            <?php echo $this->layout()->content; ?>
        </div>
    </body>
</html>

